<template>
    <div id="chargeDetails">
        <header>
            <i @click="goBack()"></i>
            <div>费用明细</div>
        </header>
        <ul>
            <li>
                <span>商品费用</span>
                <i>￥99</i>
            </li>
            <li>
                <span>VIP诊所使用时间</span>
                <i>￥20</i>
            </li>
            <li>
                <span>VIP诊室使用超出时间费用</span>
                <i>￥0</i>
            </li>
            <li>
                <span>合计</span>
                <i>￥119</i>
            </li>
        </ul>
        <div>  
            <a @click='finishOrder'>完成订单</a>       
        </div>
    </div>
</template>
<script>
    import { MessageBox } from 'mint-ui';
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            //返回上一级
            goBack() {
                this.$router.back();
                // this.$router.push({name:'timing'});

            },
            //订单支付后诊室确认完成
            finishOrder() {
                MessageBox.confirm('确定费用结清，交易已经完成?').then(action => {
                },r => {
                    // console.log(0);
                });
            }
            
        },
        created() {

        }
    }

</script>
<style lang="scss" scoped>

</style>